<h2>My Heroes</h2>
<ul class="heroes">
    <li *ngFor="let hero of hero" (click)="onSelect(hero)"[class.selected]="hero===selectedHero">
    <span class="badge">{{hero.id}}</span>{{hero.name}}
    </li>

</ul>

<div>*ngIf="selectedHero"</div>
<h2>{{selectedHero.name | uppercase}} Details</h2>
<div><span>id:</span>{{selectedHero.id}}</div>
<!-- <div><span>name:</span>{{hero.name}}</div> -->
<div>
    <label>name:
            <input [(ngModel)]="selectedHero.name" placeholder="name">

    </label>
</div>